<?php include_once('./header.php') ?>
		
	<!-- PAGE OPENING ANIMATION -->
	<script type="text/javascript">		
	
	//PAGE IS CLOSED ON START
	jQuery(document).ready(function(){
		jQuery('#page').css({'display':'inline','width':'300px','overflow':'hidden','margin-right':'340px'});
		jQuery('#sidebar').css({'margin-left':'326px'});	
	});
	
	//WHEN ALL ELEMENTS ARE LOADED
	jQuery(window).load(
		function() {			
			jQuery('#hp_preloader').delay(800).animate({'opacity':'0'},1400,function(){
				
				//HOMEPAGE NIVO SLIDER STARTS
				
				jQuery('#slider-nivo').nivoSlider({
					controlNav:true,
					controlNavThumbs:false,			
					keyboardNav:false,
					pauseOnHover:false,
					prevText:'',			
					nextText:'',
					effect:'fade',
					animSpeed:300,
					pauseTime:4000
				});
				
						
				
				//REMOVE LOADING 
				jQuery(this).remove();
					
				//PAGE OPENING ANIMATION	
				jQuery('#sidebar').delay(800).animate({'margin-left':'0px'},2100);		
				jQuery('#page').delay(800).animate({'margin-right':'0px','width':'666px'},2100);		
				
			});				
		}
	);			
	</script>
		
</head>
<body>
	<!-- SITE WRAPPER -->
	<div id="wrapper">
	
		<!-- PAGE WITH CONTENTS -->
		<div id="page">
			<div id="content">
			
				<!-- NIVO SLIDER -->
				<div class="slider-nivo-holder">
					<div id="slider-nivo">
						<img src="/public/images/nivoslider1.jpg" alt="" />
						<img src="/public/images/nivoslider2.jpg" alt="" />
						<img src="/public/images/nivoslider3.jpg" alt="" />
					</div>
				</div>
		
				<!-- WELCOME TEXT -->
				<h3 style="text-align: center;"> Hello and welcome to the Empire! This is an elegant XHTML site template<br /> which has many features included!</h3>
				
				<!-- ELEGANT HORIZONTAL LINE -->
				<div class="hr"></div>
				
				<!-- NUMBERED LIST -->
				<ul class="list_num">
					<li>
						<span>php</span>
						想成为一个合格PHPer却不知从何下手？此求职宝典能一解您的燃眉之急。此宝典从最基本的PHP语法基础开始，步步深入，一直到框架应用，都做出了详细的讲解，助你迈出重要一步。
					</li>
					<li>
						<span>H5</span>
						随着互联网的发展速度迅猛，前端工程师职业越来越火热，想学习Web前端技能吗 ? 该路径从基础知识到实战案例演练，一步步带您快速掌握如何搭建网站静态页面、开发网站交互特效，为您打开WEB前端工程师大门。还在等什么？快来学习吧!  
					</li>
					<li class="last">
						<span>Linux</span>
						本计划专为立志修炼成为一名Linux运维工程师的小伙伴量身打造！零基础入门，从系统安装、基本命令，到常用操作，再到最后的企业级实战，步步为营，带你实现Linux运维的梦想！
					</li>
				</ul>				
				
				<!-- SIMPLE HORIZONTAL LINE -->
				<div class="hr2"></div>
				
			</div><!-- #content ends -->	
		</div><!-- #page ends -->
		<!-- SIDEBAR -->
		<?php include_once('./public/public.php') ?>		
	</div><!-- #wrapper ends -->

	
	<!-- BACKGROUND SLIDER -->
	<div id="bg_slider">	
		<img src="/public/images/bgslider-1.jpg" alt="" />
		<img src="/public/images/bgslider-2.jpg" alt="" />		
		<img src="/public/images/bgslider-3.jpg" alt="" />		
	</div>


</body>
</html>